{**
 * My Application layout template.
 *
 * @copyright  Copyright (c) 2010 John Doe
 * @package    MyApplication
 *
 * @param string   $basePath web base path
 * @param string   $robots   tell robots how to index the content of a page (optional)
 * @param array    $flashes  flash messages
 *}

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<meta name="description" content="Oficiální stránky fotbalového klubu Sokol Věteřov.">
	<meta name="robots" content="{$robots}" n:ifset="$robots">

	<title>{ifset $title}{$title} &ndash; {/ifset}Sokol Věteřov</title>

	<link rel="stylesheet" href="{$basePath}/css/reset.css" />
	<link rel="stylesheet" href="{$basePath}/css/text.css" />
	<link rel="stylesheet" href="{$basePath}/css/960.css" />
	<link rel="stylesheet" media="screen,projection,tv" href="{$basePath}/css/screen.css" type="text/css">
	<link rel="stylesheet" media="print" href="{$basePath}/css/print.css" type="text/css">
	<link rel="shortcut icon" href="{$basePath}/favicon.ico" type="image/x-icon">
	<link rel="stylesheet/less" type="text/css" href="{$basePath}/css/style.less">
	<link href='http://fonts.googleapis.com/css?family=Bitter:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script type="text/javascript" src="{$basePath}/js/netteForms.js"></script>
	<script type="text/javascript" src="{$basePath}/js/less-1.2.1.min.js"></script>
	<script type="text/javascript" src="{$basePath}/js/scripts.js"></script>
	
	{block head}{/block}
</head>

<body>

    <div class="container_12">
	
	<div class="grid_12" id="header"><div class="page-title"><a href="{link Homepage: }">Sokol Věteřov</a></div></div>
	<div class="clear"></div>
	
	<div class="grid_12" id="navigation">
	    <ul class="menu">
		{foreach $menu as $url => $title}
		    <li class="menu-item"><a href="{link $url 'id' => NULL}">{$title}</a></li>
		{/foreach}
	    </ul>
	</div>
	<div class="clear"></div>
    
	<div class="grid_8" id="content">
	    <div n:foreach="$flashes as $flash" class="flash {$flash->type}">{$flash->message}</div>
	    
	    {include #content}
	</div>
	
	<div class="grid_4" id="sidebar">
	    <div class="inner-wrapper">Sidebar</div>
	</div>
	<div class="clear"></div>
	
	<div class="grid_12" id="footer">Footer</div>
	
    </div>
    
</body>
</html>
